html{box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;background-color:#fff;color:#333;font-family:Helvetica Neue,Tahoma,Arial,PingFangSC-Regular,Hiragino Sans GB,Microsoft Yahei,sans-serif;line-height:1.2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}
*,::after,::before{box-sizing:inherit;-webkit-tap-highlight-color:transparent}
body,button,dd,dl,ol,ul{margin:0;padding:0}
body { font-size:14px;}
ol,ul{list-style:none}
a{outline:0;color:inherit;text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
a,img{-webkit-touch-callout:none}
button,input,select,textarea{outline:0;border:none;font-size:inherit;font-family:inherit}
h1,h2,h3,h4,h5,h6,p{margin:0;font-weight:400}
img{max-width:100%; border:0; vertical-align: top;}
textarea{resize:none}
select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}
input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}
input:-webkit-autofill{box-shadow:inset 0 0 0 1.333333rem #fff}
image[lazy=loading] {}
html,body{min-height: 100%; height:100%;}
#app{ height:100%;}
/*文字排版*/
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f30 {font-size:30px;}

.r3{border-radius:3px}
.r5{border-radius:5px}
.r10{border-radius:10px}
.r100{border-radius: 100px}
.r-per100{border-radius: 100%}
/*字体背景颜色*/
.f-red { color:#f00;}
.f-666{color: #666}
.f-gray { color:#999;}
.f-ffffff {color: #fff;}
.f-ff8200{color:#ff8200;}
.bg-efeff4{background:#efeff4;}
.bg-fff{background:#fff;}
.hand { cursor:pointer;}

.f-bold{font-weight: bold}
.f-normal{font-weight: normal}

/*长度高度*/
.w-per100{width:100%;}
.w-per25{width:25%;}
.w-per50{width:50%;}
.w-per16 {width:16.66666667%}
.w-per83 {width: 83.33333333%;}
.h{height:auto}
.w1 {width:1px;}
.w80 {width: 80px;}
.w120 {width: 120px;}
.w160 {width: 160px;}
.w180 {width: 180px;}
.w220 {width: 220px;}
.w1080 {width:1080px;}

.h2 {height:2px;}
.h5 {height:5px;}
.h10 {height:10px;}
.h25 {height:25px;}
.h30 {height:30px;}
.h50 {height:50px;}

.lh15{ line-height:1.5;}
/*边距*/
.m{margin:0 auto;}
.m0{margin:0;}.p0 { padding:0;}
.mt-2 {margin-top: -2px;}
.mt0 {margin-top: 0px;}.mt5 {margin-top:5px}.mt10 {margin-top:10px}.mt15 {margin-top:15px}.mt20 {margin-top:20px;}
.mt25 {margin-top:25px}.mt30 {margin-top:30px}.mt40 {margin-top:40px}.mt50 {margin-top:50px}.mt70 {margin-top:70px}
.ml0 {margin-left:0px}.ml5 {margin-left:5px}.ml10 {margin-left:10px}.ml15 {margin-left:15px}.ml20 {margin-left:20px}
.ml25 {margin-left:25px}.ml40 {margin-left:40px}.ml50 {margin-left:50px}.ml55 {margin-left:55px}.ml60 {margin-left:60px}
.mr0 {margin-right:0px}.mr3 {margin-right:3px}.mr5 {margin-right:5px}.mr10 {margin-right:10px}.mr15 {margin-right:15px}.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}.mr40 {margin-right:40px}.mr50 {margin-right:50px}
.mb5 {margin-bottom:5px;}.mb10 {margin-bottom:10px;}.mb15 {margin-bottom:15px;}.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}.mb40 {margin-bottom:40px;}.mb45 {margin-bottom:45px;}.mb50 {margin-bottom:50px;}.mb55 {margin-bottom:55px;}
.pt0 {padding-top:0;}.pt2 {padding-top:2px}.pt5 {padding-top:5px}.pt10 {padding-top:10px}.pt15 {padding-top:15px}
.pt20 {padding-top:20px}.pt30 {padding-top:30px}.pt40 {padding-top:40px}.pt50 {padding-top:50px}
.pl2 {padding-left:2px}.pl5 {padding-left:5px;}.pl10 {padding-left:10px;}.pl15 {padding-left:15px;}.pl20 {padding-left:20px;}
.pl25{padding-left: 25px;}.pl40{padding-left: 40px;}.pl50 {padding-left:50px;}.pl60 {padding-left:60px;}
.pr2 {padding-right:2px}.pr5 {padding-right:5px}.pr10 {padding-right:10px}.pr15{padding-right: 15px;}.pr20 {padding-right:20px}
.pr25{padding-right: 25px;}.pr40{padding-right: 40px;}.pr50{padding-right: 50px;}.pr60{padding-right: 60px;}
.pb0{padding-bottom:0px}.pb2{padding-bottom:2px}.pb5 {padding-bottom:5px}.pb10 {padding-bottom:10px}.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px}.pb50 {padding-bottom:50px}

/*rem单位*/
.f-r-d18{ font-size:.18rem;}
.f-r-d2{ font-size:.2rem;}
.f-r-d22{ font-size:.22rem;}
.f-r-d24{ font-size:.24rem;}
.f-r-d26{ font-size:.26rem;}
.f-r-d28{ font-size:.28rem;}
.f-r-d3{ font-size:.3rem;}
.f-r-d32{ font-size:.32rem;}
.f-r-d34{ font-size:.34rem;}
.f-r-d36{ font-size:.36rem;}
.f-r-d38{ font-size:.38rem;}
.f-r-d4{ font-size:.4rem;}
.f-r-d42{ font-size:.42rem;}
.f-r-d44{ font-size:.44rem;}
.f-r-d46{ font-size:.46rem;}
.f-r-d48{ font-size:.48rem;}
.f-r-d5{ font-size:.5rem;}

.mt-r-d1 {margin-top:.1rem}.mt-r-d2 {margin-top:.2rem}.mt-r-d3 {margin-top:.3rem}.mt-r-d4 {margin-top:.4rem}.mt-r-d5 {margin-top:.5rem}
.mb-r-d1 {margin-bottom:.1rem}.mb-r-d2 {margin-bottom:.2rem}.mb-r-d3 {margin-bottom:.3rem}.mb-r-d4 {margin-bottom:.4rem}.mb-r-d5 {margin-bottom:.5rem}
.ml-r-d1 {margin-left:.1rem}.ml-r-d2 {margin-left:.2rem}.ml-r-d3 {margin-left:.3rem}.ml-r-d4 {margin-left:.4rem}.ml-r-d5 {margin-left:.5rem}
.mr-r-d1 {margin-right:.1rem}.mr-r-d2 {margin-right:.2rem}.mr-r-d3 {margin-right:.3rem}.mr-r-d4 {margin-right:.4rem}.mr-r-d5 {margin-right:.5rem}
.pt-r-d1 {padding-top:.1rem}.pt-r-d2 {padding-top:.2rem}.pt-r-d3 {padding-top:.3rem}.pt-r-d4 {padding-top:.4rem}.pt-r-d5 {padding-top:.5rem}
.pb-r-d1 {padding-bottom:.1rem}.pb-r-d2 {padding-bottom:.2rem}.pb-r-d3 {padding-bottom:.3rem}.pb-r-d4 {padding-bottom:.4rem}.pb-r-d5 {padding-bottom:.5rem}
.pl-r-d1 {padding-left:.1rem}.pl-r-d2 {padding-left:.2rem}.pl-r-d3 {padding-left:.3rem}.pl-r-d4 {padding-left:.4rem}.pl-r-d5 {padding-left:.5rem}
.pr-r-d1 {padding-right:.1rem}.pr-r-d2 {padding-right:.2rem}.pr-r-d3 {padding-right:.3rem}.pr-r-d4 {padding-right:.4rem}.pr-r-d5 {padding-right:.5rem}

/*定位*/
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}

.clearfix:after {content:"";display:block;height:0;clear:both;visibility:hidden;}
.dpl{display:inline-block;*display: inline;zoom:1;}
.dpb{display: block;}
.clearfix{display:block;}
.or { overflow:hidden}
.vm{vertical-align:middle;}
.pr{position:relative;}
.pa{position:absolute;}
.zoom{zoom:1;}
.ov {overflow:hidden}
.hidden{visibility:hidden;}
.none{display:none;}
.vt{vertical-align: top;}
.vb{vertical-align: bottom;}
.vt img{vertical-align:text-top}
.vam {vertical-align:middle;}
.vab {vertical-align:text-bottom}
.icon-common { vertical-align: middle; display: inline-block;}
.scrollLoading { background: url(${global.resource_url}/wap_v2/images/common/bg_logo.png) 50% 50% no-repeat; background-size:50% auto; height:auto;}

/*flex布局*/
.flexbox { width: 100%; text-align: left; display: -webkit-box; display: flex; display: -webkit-flex; box-align: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.flexbox .flexbox-item { -webkit-box-flex: 1; flex: 1; -webkit-flex: 1; min-width: 20px; width: 0%; }
.flexbox .flexbox-item:first-child { margin-left: 0!important; margin-top: 0!important; }
.flex-col .flex-row { box-direction: row; box-orient: horizontal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; }
.flex-col { box-orient: vertical; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; }
.flex-col > .flexbox-item { width: 100%; }

/* router animate */
.router-fade-enter-active, .router-fade-leave-active { transition: opacity .1s; }
.router-fade-enter, .router-fade-leave-active { opacity: 0; }
@keyframes load{0%{transform:translateY(0)}
	50%{transform:translateY(-25px)}
	100%{transform:translateY(0)}
}
@keyframes ellipse{0%{transform:scale(1)}
	50%{transform:scale(.3)}
	100%{transform:scale(1)}
}
.fade-enter-active,.fade-leave-active{transition:opacity .5s}
.fade-enter,.fade-leave-active{opacity:0}
.fade-choose-enter-active,.fade-choose-leave-active{transition:opacity .5s}
.fade-choose-leave,.fade-choose-leave-active{display:none}
.fade-choose-enter,.fade-choose-leave-active{opacity:0}
.router-slid-enter-active,.router-slid-leave-active{transition:all .4s}
.router-slid-enter,.router-slid-leave-active{transform:translate3d(2rem,0,0);opacity:0}
.toggle-cart-enter-active,.toggle-cart-leave-active{transition:all .3s ease-out}
.toggle-cart-enter,.toggle-cart-leave-active{transform:translateY(100%)}

/* router loading anmiate */
.loading_container{position:fixed;top:50%;left:50%;z-index:9999;transform:translate(-50%,-50%);width:50px;height:50px}
.load_img{width:100%;height:100%;background:url(../images/common/loading_logo.png) no-repeat 0 0;background-size:100%;transform:translateY(0);animation:load .6s infinite ease-in-out;position:relative;z-index:11}
.load_ellipse{position:absolute;width:60px;height:20px;top:50px;left:5%;z-index:10;animation:ellipse .6s infinite ease-in-out}
.shop_back_svg_container { position:fixed; left:0; top:0; right:0; bottom:0; z-index:8888; background:#f5f5f5; opacity: .5}
.shop_back_svg_container img { width:100%; height:100%;}

/*自定义弹框*/
.v-mask, .v-mask-transparent { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; }
.v-mask { background: rgba(0, 0, 0, 0.6); }
.v-dialog { position: fixed; z-index: 1001; width: 86%;  top: 50%; left: 50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); background-color: rgb(255, 255, 255); text-align: center; overflow: hidden; }
.v-dialog-title{ height:40px; line-height:40px; color: #fff; padding:0 10px; background-color: #36a4f1; font-size:16px; position: relative;text-align: left}
.v-dialog-title-close{ position: absolute; right:10px; top:0;width: 40px; height:40px; color: #fff;text-align: center; font-size:22px;}
.v-dialogMain{ padding:15px 10px;}
.v-dialog-btns{width: 100%; text-align: left; display: -webkit-box; display: flex; display: -webkit-flex; box-align: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center;ox-direction: row; box-orient: horizontal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; border-top:1px solid #eee;}
.v-dialog-btns>button{-webkit-box-flex: 1; flex: 1; -webkit-flex: 1; min-width: 20px; width: 0; height:40px; color: #333; font-size:16px;}
.v-dialog-btns>button:first-child{margin-left: 0!important; margin-top: 0!important; }
.v-dialog-btns>button.v-dialog-cancel{ background-color: #fff; color: #333;}
.v-dialog-btns>button.v-dialog-btn{background-color: #36a4f1; color: #fff;}
.v-dialog-enter-active, .v-dialog-leave-active { opacity: 1; transition-duration: 400ms;-webkit-transition-duration: 400ms; transform: translate(-50%, -50%) scale(1)!important;-webkit-transform: translate(-50%, -50%) scale(1)!important; transition-property: transform, opacity!important;-webkit-transition-property: transform, opacity!important; }
.v-dialog-leave-active { transition-duration: 300ms;-webkit-transition-duration: 300ms; }
.v-dialog-enter { opacity: 0; transform: translate(-50%, -50%) scale(1.185)!important;-webkit-transform: translate(-50%, -50%) scale(1.185)!important; }
.v-dialog-leave-active { opacity: 0; transform: translate(-50%, -50%) scale(0.85)!important;-webkit-transform: translate(-50%, -50%) scale(0.85)!important; }
.v-mask-enter, .v-mask-leave-active { opacity: 0; }
.v-mask-leave-active, .v-mask-enter-active { transition: opacity 300ms;-webkit-transition: opacity 300ms; }

/*弹框*/
.mint-msgbox-wrapper .mint-msgbox{width: 5.16rem;    border-radius: 10px;}
.mint-msgbox-wrapper .mint-msgbox .mint-msgbox-header{padding: 0; height:1.2rem; line-height:1.2rem; background:url("../images/common/dialogTitle.png") no-repeat right top #bd2a2f;background-size: 1.06rem .91rem;text-align: center }
.mint-msgbox-wrapper .mint-msgbox .mint-msgbox-title{color: #f3e0e0; font-size:.38rem; font-weight:normal; display: inline-block; position: relative;    margin-left: .36rem;}
.mint-msgbox-wrapper .mint-msgbox .mint-msgbox-title:before{content:'';width: .59rem; height:.59rem;background: url("../images/common/icon_title.png") no-repeat center; position: absolute;left: -.72rem; top:.3rem;background-size: 100% auto;}
.mint-msgbox-wrapper .mint-msgbox .mint-msgbox-content{ padding:.5rem 1rem .5rem;    border-bottom: 0;}
.mint-msgbox-wrapper .mint-msgbox .mint-msgbox-content .mint-msgbox-message{ color: #333; font-size:.3rem; line-height:1.5;}
.mint-msgbox-wrapper .mint-msgbox-btns{ height:.75rem; display: block;text-align: center; padding-bottom:.2rem;    box-sizing: content-box;}
.mint-msgbox-wrapper .mint-msgbox-btns .mint-msgbox-confirm{width: 2.84rem; height:.74rem; line-height:.74rem;border-radius: 100px;text-align: center; font-size:.38rem; color: #fff; display: inline-block; background-color: #bd2a2f;}
.mint-msgbox-wrapper .mint-msgbox-btns .mint-msgbox-cancel{ position: absolute;width: .28rem; height:.28rem;background: url("../images/common/icon_close.png") no-repeat center;background-size: 100% auto;font-size: 0; border-right: 0; top:.1rem;right: .1rem;overflow: hidden}



